{%- style -%}
  .hero-text-shadow-overlay-{{ id }}{{ type }} p, .hero-text-shadow-overlay-{{ id }}{{ type }} h1, .hero-text-shadow-overlay-{{ id }}{{ type }} h2, .hero-text-shadow-overlay-{{ id }}{{ type }} h3 {
    text-shadow: 0 0 20px rgb(0 0 0 / {{ ammount | append: '%' }});
  }
{%- endstyle -%}